<template>
  <div id="app">
    <!-- 
      页面上任何一个元素都是可以组件
      真实的工作环境当中，那些元素可以重复使用的，那些可以组件
     -->
    <!-- 组件
        1.创建组件文件-创建components文件夹中
        2.引入并注册组件
        3.使用组件 --以标签(单双都行)的形式去使用    -->
    <!-- <NButton></NButton>
        <NButton/> -->
    <!-- <n-button/> -->
    <Pang1 />
    <Pang2 />
  </div>
</template>

<script>
// 引入
import NButton from "./components/NButton.vue";
 import Pang1 from './components/Pang1.vue';
import Pang2 from "./components/Pang2.vue";
export default {
  name: "App",
  // 注册组件
  components: {
    // key 使用组件是的标签
    // value的值
    // NButton：NButton
    NButton,
    Pang1,
    Pang2,
  },
};
</script>

<style lang="less">
</style>
